<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>layout 管理系统大布局 - Layui</title>
		<link rel="stylesheet" href="./assets/lib/layui/css/layui.css">
		<link rel="stylesheet" type="text/css" href="./assets/css/userSystem.css" />

		<script src="./assets/js/vue.js"></script>
		<script src="./assets/js/JQuery2.1.4.js"></script>
		<script src="./assets/lib/layui/layui.all.js"></script>
		<script src="./assets/lib/layui/layui.js"></script>

	</head>
	<body>
		<article class="layui-layout layui-layout-admin" id="ms">
			<header class="layui-header">
				<h1 class="layui-logo">后台管理系统</h1>
				
				<ul class="layui-nav layui-layout-right">
					<li class="layui-nav-item">
						<a href="javascript:;">
							<img src="//tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg"
								class="layui-nav-img">
							用户名
						</a>
						<dl class="layui-nav-child">
							<dd><a href="datum.html" target="child">基本资料</a></dd>
							<dd><a href="">我的消息</a></dd>
							<dd><a @click.self.prevent="reset">重置登录密码</a></dd>
						</dl>
					</li>
					<li class="layui-nav-item"><a @click.prevent='logout'><i class="layui-icon layui-icon-logout"></i>退出系统</a></li>
				</ul>
			</header>

			<section class="layui-side layui-bg-black">
				<div class="layui-side-scroll">
					<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
					<ul class="layui-nav layui-nav-tree" lay-filter="test">
						<li class="layui-nav-item layui-this"><a href="javascript:;"><i class="layui-icon layui-icon-home"></i>首页</a></li>
						<li class="layui-nav-item">
							<a class="" href="javascript:;"><i class="layui-icon layui-icon-release"></i>我的足迹</a>
							<dl class="layui-nav-child">
								<dd><a href="javascript:;"><i class="layui-icon layui-icon-templeate-1"></i>浏览历史</a></dd>
								<dd><a href="javascript:;"><i class="layui-icon layui-icon-search"></i>搜索历史</a></dd>
								<dd><a href="javascript:;"><i class="layui-icon layui-icon-time"></i>在线时间</a></dd>
							</dl>
						</li>
						<li class="layui-nav-item" @click="order_list" id="orderList">
							<a href="javascript:;"><i class="layui-icon layui-icon-file"></i>订单管理</a>
							<dl class="layui-nav-child">
								<dd><a href="order.html" data-state='' target="child"><i class="layui-icon layui-icon-template-1"></i>所有订单</a></dd>
								<dd><a href="order.html" data-state='已支付' target="child"><i class="layui-icon layui-icon-ok"></i>已支付</a></dd>
								<dd><a href="order.html" data-state='已收货' target="child"><i class="layui-icon layui-icon-face-smile"></i>已收货</a></dd>
								<dd><a href="order.html" data-state='支付失败' target="child"><i class="layui-icon layui-icon-close"></i>支付失败</a></dd>
								<!-- <dd><a href="">黑名单</a></dd> -->
							</dl>
						</li>
						<li class="layui-nav-item">
							<a href="javascript:;"><i class="layui-icon layui-icon-username"></i>个人中心</a>
							<dl class="layui-nav-child">
								<dd><a href="javascript:;"><i class="layui-icon layui-icon-heart"></i>我的收藏</a></dd>
								<dd><a href="javascript:;"><i class="layui-icon layui-icon-note"></i>我的评论</a></dd>
								<dd><a href="javascript:;"><i class="layui-icon layui-icon-cart"></i>我的购物车</a></dd>
								<!-- <dd><a href="">黑名单</a></dd> -->
							</dl>
						</li>
						<li class="layui-nav-item">
							<a href="javascript:;"><i class="layui-icon layui-icon-list"></i>用户文章</a>
							<dl class="layui-nav-child">
								<dd><a href="javascript:;"><i class="layui-icon layui-icon-cols"></i>文章列表</a></dd>
								<dd><a href="javascript:;"><i class="layui-icon layui-icon-edit"></i>发布文章</a></dd>
								<dd><a href="javascript:;"><i class="layui-icon layui-icon-user"></i>我的文章</a></dd>
							</dl>
						</li>

					</ul>
				</div>
			</section>

			<div class="layui-body" style="overflow: hidden;">
				<!-- 内容主体区域 -->
				<iframe src="login.html" name='child' width="100%" height="100%"></iframe>
			</div>

			<!-- <div class="layui-footer">
				<!-- 底部固定区域 -->
			<!-- 	底部固定区域
			</div> -->
		</article>
		
		<!-- <script src="./assets/lib/layui/layui.js"></script> -->
		<script src="assets/js/userSystem.js"></script>
		
		<script type="text/html" id='resetPass'>
			<form class="layui-form">
			 <div class="layui-form-item">
			   <label class="layui-form-label">输入旧密码:</label>
			   <div class="layui-input-inline">
			     <input type="password" id='oldPass' name="oldPass" required lay-verify="required" placeholder="6-12位字符" autocomplete="off" class="layui-input">
			   </div>
			 </div>
			  <div class="layui-form-item">
			    <label class="layui-form-label">输入新密码:</label>
			    <div class="layui-input-inline">
			      <input type="password" id='newPass' name="newPass" required lay-verify="required" placeholder="字母开头" autocomplete="off" class="layui-input">
			    </div>
			  </div>
			  <div class="layui-form-item">
			    <label class="layui-form-label">确认新密码:</label>
			    <div class="layui-input-inline">
			      <input type="password" id='passAgain' name="passAgain" required lay-verify="required" placeholder="不包括中文" autocomplete="off" class="layui-input">
			    </div>
			  </div>
			  <button type='submit' id='affirmReset' class="layui-btn">确认修改</button>
			</form>
		</script>
	</body>
</html>
